<template>
	<div class="livehome">
		<div class='list'>
			<img src="../assets/images2/jiantou.png" class="jiantou">
			<div class="list-d">
				<span>热门</span>
				<span>预告</span>
				<span>我的</span>
			</div>
		</div>
		
		<div class="tu">
			<img src="">
			<h>微播易风向2018·自媒体大会</h>
		</div>
		
		<div class="ren">
			<img src="" class="name_img">
			<div class="na">
				<p>杨露</p>
				<p>2018-09-18 21:35</p>
			</div>
			<div class="liu">
				<span>32</span>
				<span>12</span>
			</div>
		</div>
		
		<div class="tu">
			<img src="">
			<h>微播易风向2018·自媒体大会</h>
		</div>
		
		<div class="ren">
			<img src="" class="name_img">
			<div class="na">
				<p>杨露</p>
				<p>2018-09-18 21:35</p>
			</div>
			<div class="liu">
				<span>32</span>
				<span>12</span>
			</div>
		</div>
		
		<div class="tu">
			<img src="">
			<h>微播易风向2018·自媒体大会</h>
		</div>
		
		<div class="ren">
			<img src="" class="name_img">
			<div class="na">
				<p>杨露</p>
				<p>2018-09-18 21:35</p>
			</div>
			<div class="liu">
				<span>32</span>
				<span>12</span>
			</div>
		</div>
		
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	html,body,.livehome{
		width: 100%;
		height: 100%;
	}
	.list{
		height: 0.95rem;
		padding: 0 0.24rem;
		background: #FF2040;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.jiantou{
		transform:rotate(180deg);
	}
	.list-d{
		margin-left: 0.65rem;
	}
	.list-d span{
		padding: 0 0.44rem;
		font-size: 0.36rem;
		color: #FFFFFF;
	}
	.tu{
		position: relative;
	}
	.tu img{
		width: 100%;
		height: 3.48rem;
		display: block;
	}
	h{
		width: 100%;
		height: 0.82rem;
		line-height: 0.82rem;
		position: absolute;
		top: 2.5rem;
		left: 0rem;
		padding-left: 0.2rem;
		font-size: 0.28rem;
		color: #FFFFFF;
		background: rgba(0,0,0,0.5);
	}
	.ren{
		width: 100%;
		height: 1.4rem;
		background: #FFFFFF;
		padding: 0.33rem 0.43rem 0 0.43rem;
		display: flex;
	}
	.name_img{
		width: 0.76rem;
		height: 0.76rem;
		border-radius: 50%;
	}
	.na{
		margin-left: 0.32rem;
	}
	.na p:nth-child(1){
		font-size: 0.26rem;
		color: #333338;
	}
	.na p:nth-child(2){
		font-size: 0.22rem;
		color: #949494;
	}
	.liu{
		margin-left: 1.7rem;
		margin-top: 0.3rem;
	}
	.liu span{
		color: red;
		margin: 0 0.2rem;
	}
</style>